<div class="shelf">
    <div class="shelf__top">
        <div class="shelf__switch"></div>
        <a href="/search">
            <div class="shelf-search">输入书名/作者/关键字</div>
        </a>
    </div>
    <ul class="list-h5">
        <li  class="channel-h5" data-href="270635" v-on:click = "doBook($event)">
            <div class="book-h5">
                <div class="book-h5__cover">
                        <img alt="盗墓笔记" src="http://cover.read.duokan.com/mfsv2/download/s010/p01yfPOuJRok/dQJSYfAnD3AB42.jpg">
                    <p class="book-h5__finish">完结</p>
                </div>
                <div class="book-h5__info">
                    <p class="book-h5__title">盗墓笔记</p>
                    <p class="book-h5__auther">南派三叔</p>
                    <p class="book-h5__summary">50年前由长沙土夫子（盗墓贼）出土的战国帛书，记载了一个奇特战国古墓的位置，50年后，其中一个土夫子的孙子在他的笔记中发现这个秘密，纠集了一批经验丰富的盗墓贼前去寻宝，谁也没有想到，这个古墓竟然有着这么多诡异的事情：七星疑棺，青眼狐尸，九头蛇柏。这神秘的墓主人到底是谁，他们到底能不能找到真正的棺椁？故事悬念重重，情节跌荡，值得一看。</p>
                </div>
            </div>
        </li>
    </ul>
</div>